/*
 * @Author: wuhao930406 1148547900@qq.com
 * @Date: 2023-08-10 09:13:04
 * @LastEditors: wuhao930406 1148547900@qq.com
 * @LastEditTime: 2023-08-10 10:56:53
 * @FilePath: /legion-iot/src/pages/ebikepro/index.jsx
 * @Description:
 *
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
 */
import React, { useState, useEffect } from "react";
import { Spin, theme } from "antd";
import { useTimeout } from "ahooks";

function Ebikepro() {
  const {
    token: {
      colorBgContainer,
      colorTextBase,
      colorBgSecondary,
      colorPrimary,
      colorBgThird,
      colorBorder,
    },
  } = theme.useToken();

  const [show, setShow] = useState(false);
  useTimeout(() => {
    setShow(true)
  }, 2000)

  return (
    <div
      style={{
        margin: 12,
        width: "calc(100% - 24px)",
        height: "calc(100% - 24px)",
        overflow: "hidden",
        borderRadius: 12
      }}
    >
      {
        !show && <div style={{ position: "fixed", left: 0, right: 0, top: 0, bottom: 0, margin: "auto",width:36,height:36 }}>
          <Spin spinning={true} size="large"></Spin>
        </div>
      }
      <iframe
        style={{ width: "100%", height: show ? "100%" : 0, overflow: "hidden" }}
        src="http://221.6.68.150:9090/?row=logins"
        frameborder="0"
      ></iframe>
    </div>
  );
}

export default Ebikepro;
